<template>
	<view>
		<view style="display: flex; flex-direction: row;">
			<image :src="userObj.headimage" style="width: 100upx; height: 100upx; border-radius: 100upx; margin-top: 30upx; margin-left: 40upx; box-shadow: 1upx 1upx 18upx -10upx #999999;" mode="aspectFill"></image>
			<view style="display: flex; flex-direction: column; margin-left: 30upx; margin-top: 30upx;">
				<view style="font-size: 18px; font-weight: bold;">{{userObj.username}}</view>
				<view style="font-size: 14px;">ID：{{userObj._id}}</view>
			</view>
		</view>
		<view @click="douyin" style="width: 90%; height: 80upx; border-radius: 10upx; margin-top: 70upx; margin-left: 5%; background:linear-gradient(to right,#787674,#2a2b29);">
			<view style="font-size: 16px; font-weight: bold; text-align: center; padding-top: 20upx; color: #FFFFFF;">仿抖音评论模版</view>
		</view>
		<view @click="more" style="width: 90%; height: 80upx; border-radius: 10upx; margin-top: 70upx; margin-left: 5%; background:linear-gradient(to right,#b0b4b4,#767875);">
			<view style="font-size: 16px; font-weight: bold; text-align: center; padding-top: 20upx; color: #FFFFFF;">···········</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userObj: {}
			}
		},
		onLoad() {
			this.userObj = uni.getStorageSync("user");
			console.log(uni.getStorageSync("user").username);
		},
		methods: {
			douyin(){
				uni.navigateTo({
					url: '../../douyin/douyin'
				})
			},
			more(){
				uni.showModal({
					title: '敬请期待'
				})
			}
		}
	}
</script>

<style>

</style>
